﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="jqmodel_demo.aspx.cs" Inherits="test_jqmodel" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>jqModel_demo</title>
    
     <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="../js/jqModal.js"></script>

    <script src="../js/Selector.min.js" type="text/javascript"></script>

    <script src="../js/jqDnR.js" type="text/javascript"></script>
   <link href="../css/global.css" rel="stylesheet" type="text/css" />
    <link href="../css/Selector.css" rel="stylesheet" type="text/css" />

    <script src="../js/jquery.paginator-min_jso.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="../css/jqModal.css" />
    <link href="../css/jpage.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
        var optionsTrace_allot = {
            items_per_page: 5,
            callback: pageselectCallback_allot
        };
        
        $(document).ready(function() {
            //跟单DIV
            $('#TraceInfo').jqm({ trigger: 'a.TraceInfo' }).jqDrag('.jqDrag');
            //请求变更
            $('#qjbg').jqm({ trigger: 'a.qjbg' }).jqDrag('.jqDrag');
            //业主信息
            $('#yzxx').jqm({ trigger: 'a.yzxx' }).jqDrag('.jqDrag');
            //钥匙收据登记
            $('#keyadd').jqm({ trigger: 'a.keyadd' }).jqDrag('.jqDrag');
            //钥匙使用登记
            $('#keyuse').jqm({ trigger: 'a.keyuse' }).jqDrag('.jqDrag');
            //店长保护
            $('#ProtectHouse').jqm({ trigger: 'a.ProtectHouse' }).jqDrag('.jqDrag');
            //取消保护
            $('#UnProtect').jqm({ trigger: 'a.UnProtect' }).jqDrag('.jqDrag');
            //新增委托
            $('#addentrust').jqm({ trigger: 'a.addentrust' }).jqDrag('.jqDrag');
            //新增委托
            $('#allothouse').jqm({ trigger: 'a.allothouse' }).jqDrag('.jqDrag');
            //角色编辑
            $('#jsbj').jqm({ trigger: 'a.jsbj' }).jqDrag('.jqDrag');
            //权限编辑
            $('#qxbj').jqm({ trigger: 'a.qxbj' }).jqDrag('.jqDrag');
            //房源分配
            $('#houseallot').jqm({ trigger: 'a.houseallot' });
            
            
             //可选门店初始化
            initSelNull("divout");
            initSelNull("divin");

            initSelNull("auto_user");
            initSelNull("auto_user1");

            //初始化可选下拉框
            initSelByDB("handdep", "hiddepid", "divout", "hidoutid", "-1");
            initSelByDB("handdep1", "hiddepid1", "divin", "hidinid", "1");

            initSelByDB("auto_dep", "auto_hiddep", "auto_user", "auto_hiduserid", "-1");
            initSelByDB("auto_dep1", "auto_hiddep1", "auto_user1", "auto_hiduser1", "1");
        });

        //自动和手动div层切换
        function divshow() {
            if ($("input[name='allottype']:checked").val() == "hand")
            {
                $("#handdiv").show();
                $("#autodiv").hide();
            }
            else{
                $("#handdiv").hide();
                $("#autodiv").show();
            }
        }

        //初始化空下拉框
        function initSelNull(initID) {
            var opt = {
                containerId: '#' + initID + '',
                items: [{ txt: '请选择', val: '0'}],
                defVal: '0',
                showMode: 'single'
            };
            var sel = new Selector(opt);
        }


        //初始化下拉框（联数据库）
        function initSelByDB(initID, hidID, childID, childhildID, subkey) {
            $.ajax({
                type: "get",
                url: "../service/selector2.ashx",
                data: "city=<%= CurrentUserInfo.CityId%>&type=dep&key=0",
                dataType: "text",
                success: function(msg) {
                    var dataitems = eval("([{txt:'请选择',val:'0'}" + msg + "])");
                    if ($('#' + initID + '')[0] != null) {
                        var opt = {
                            containerId: '#' + initID + '',
                            items: dataitems,
                            defVal: '0',
                            showMode: 'single',
                            onSelected: function() {
                                var json = sel.getValueJSON();
                                $("#" + hidID + "").val(json.val);
                                if (childID != "0") {
                                    $('#' + childID + '').empty();
                                    initSub(json.val, childID, childhildID, subkey);
                                }

                            }
                        };
                        var sel = new Selector(opt);
                    }
                }
            });
        }

        //下拉框选中级联查询
        function initSub(val, div, hid, subkey) {
            $.ajax({
                type: "get",
                url: "../service/selector2.ashx",
                data: "city=<%= CurrentUserInfo.CityId%>&type=user&key=" + val + "&subkey=" + subkey,
                dataType: "text",
                success: function(msg) {
                    var dataitems = eval("([{txt:'请选择',val:''}" + msg + "])");
                    if ($('#' + div + '')[0] != null) {
                        var opt = {
                            containerId: '#' + div + '',
                            items: dataitems,
                            defVal: '',
                            showMode: 'single',
                            onSelected: function() {
                                $("#" + hid + "").val(subsel.getValueJSON().val);
                                if (div == "divout")
                                    search_allot();
                                else if (div == "divin")
                                    setStr();
                            }
                        };
                        var subsel = new Selector(opt);
                    }
                }
            });
        }

        //获取选中的房源ID
        function setStr() {
            var str="";
            $("input[name='allotck']").each(function() {
                if (this.checked) {
                    str += "'" + this.id + "',";
                }
            })
            if(str.length>0)
                $("#allotstr").val(str.substring(0, (str.length - 1)));
            
        }

        //查询table
        function search_allot() {
            if ($("#hidoutid").val() != 0) {
                $.ajax({
                    type: "get",
                    url: "../service/info.ashx?type=allot&recordid=" + $("#hidoutid").val(),
                    dataType: "text",
                    success: function(msg) {
                        $("#allottable tr:gt(0)").remove();
                        $("#pagination_allot .white_pgToolbar").remove();
                        $("#pagination_allot").after(msg);
                        var tdiv_count = $("#tdiv_count").val();
                        $("#pagination_allot").pagination(parseInt(tdiv_count), optionsTrace_allot);
                    }
                });
            }
            else {
                $("#allottable tr:gt(0)").remove();
                $("#pagination_allot .white_pgToolbar").remove();
            }
        }

        //翻页事件
        function pageselectCallback_allot(page_id, jq) {
            var tbody = ""; //声明表格中body部分
            $.ajax({ //这里使用到Jquery的ajax方法，具体使用在这里不详细叙述
                type: "get",
                dataType: "text",
                url: "../service/paginatioin.ashx", //请求的处理数据
                data: "pageIndex=" + page_id + "&pageRow=5&type=allot&houseid=" + $("#hidoutid").val(),
                //下面的操作就是成功返回数据以后，进行数据的绑定
                success: function(data) {

                    if (data == "") return;

                    $("#allottable tr:gt(0)").remove();

                    tbody = data;

                    $("#allottable").append(tbody);
                }
            });
        }

        //分配提交
        function allotsubmit() {
            //进行验证
            if(allotcheck()){
                if (confirm('确定提交本次房源变更吗？')) {
                    var allottypeVal = $("input[name='allottype']:checked").val();
                    var auto_typeVal = $("input[name='auto_type']:checked").val();
                    var urlstr="";
                    if (allottypeVal == "hand")
                        urlstr = "../service/allotOperate.ashx?type=hand&houseid=" + $("#allotstr").val() + "&userid=" + $("#hidinid").val();
                    else {
                        urlstr = "../service/allotOperate.ashx?type=" + auto_typeVal + "&odep=" + $("#auto_hiddep").val() + "&ndep=" + encodeURIComponent($("#auto_dep1 h6").text()) + "," + $("#auto_hiddep1").val()
                        + "&ouser=" + $("#auto_hiduserid").val() + "&nuser=" + encodeURIComponent($("#auto_user1 h6").text()) + "," + $("#auto_hiduser1").val();
                    }
                   // alert(urlstr);
                    $.ajax({
                        type: "get",
                        dataType: "json",
                        url: urlstr,
                        success: function(data) {
                            if (data.success == "1") {
                                alert("提交成功");
                                if (allottypeVal == "hand")
                                    search_allot();
                            }
                            else if (data.success == "0")
                                alert(data.txt);
                        }
                    });
                }
             }
         }

         //验证必输项
         function allotcheck() {
             if ($("input[name='allottype']:checked").val() == "hand") {
                 if ($("#hiddepid").val() == "" || $("#hiddepid").val() == "0") {
                     alert("请选择要分配的门店！");
                     return false;
                 }
                 else if ($("#hiddepid1").val() == "" || $("#hiddepid1").val() == "0") {
                     alert("请选择接收房源的门店！");
                     return false;
                 }
                 else if ($("#hidoutid").val() == "" || $("#hidoutid").val() == "0") {
                     alert("请选择要分配的员工！");
                     return false;
                 }
                 else if ($("#hidinid").val() == "" || $("#hidinid").val() == "0") {
                     alert("请选择接受房源的员工！");
                     return false;
                 }
                 else {
                     return true;
                 }
             }
             else {
                 if ($("#auto_hiddep").val() == "" || $("#auto_hiddep").val() == "0") {
                     alert("请选择要分配的门店！");
                     return false;
                 }
                 else if ($("#auto_hiddep1").val() == "" || $("#auto_hiddep1").val() == "0") {
                     alert("请选择接受房源的门店！");
                     return false;
                 }
                 else if ($("input[name='auto_type']:checked").val() == "toUser" && ($("#auto_hiduser1").val() == "" || $("#auto_hiduser1").val() == "0")) {
                     alert("请选择接受房源的员工！");
                     return false;
                 }
                 else
                     return true;
             }
         }

         //重置所有分配控件
         function reset_allot() {
             //重置所有HID字段值为空
             $("#hiddepid").val("0");
             $("#hiddepid1").val("0");
             $("#hidoutid").val("0");
             $("#hidinid").val("0");
             $("#auto_hiddep").val("0");
             $("#auto_hiddep1").val("0");
             $("#auto_hiduser").val("0");
             $("#auto_hiduser1").val("0");

             //重置所有下拉框为“请选择”
             $("#handdep h6").text("请选择");
             $("#handdep1 h6").text("请选择");
             $("#auto_dep h6").text("请选择");
             $("#auto_dep1 h6").text("请选择");
             initSelNull("divout");
             initSelNull("divin");
             initSelNull("auto_user");
             initSelNull("auto_user1");

             $("input[name='allottype']:first").attr("checked", "checked");
             $("input[name='auto_type']:first").attr("checked", "checked");
             $("#allcheck").attr("checked", false);

             $("#allottable tr:gt(0)").remove();
             $(".white_pgToolbar").remove();

             $("#handdiv").hide();
             $("#autodiv").show();
         }

         //关闭分配DIV
         function allotclose() {
             //重置控件
             reset_allot();
             $("#houseallot").jqmHide();
         }

        //全选或取消全选
        function allchoose() {
            $("input[name='allotck']").each(function() {
                this.checked = $("#allcheck").attr("checked");
            })
        }
        </script>

            
        
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    
        <a href="#" class="TraceInfo">跟单</a>
        
        <!--房源跟单 弹出层 开始-->
         <div class="jqmWindow" id="TraceInfo" style="">
        <div class="jqmTitle">
            <span class="title">房源跟单</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh" >
                <tbody> 
                    <tr>
                        <th style="width:70px; height:28px;">房源编号：</th>
                        <td style="width:150px;">123</td>
                        <th style="width:70px;">地址：</th>
                        <td  style="width:220px;">广延路140号</td>
                    </tr>
                    <tr>
                    <th style="width:70px; height:28px;">跟单方式：</th>
                        <td colspan="3">
                            <div id="div4" class="SelectWrapSingle">
                              <h6 style="width: 90px;">请选择</h6><h5></h5>
                              </div></td>
                    </tr>
                    <tr>
                        <th style="width:70px; vertical-align:top;">
                            跟单内容： </th>
                        <td colspan="3"><textarea name="txtSummary" cols="80" rows="3" class="textarea_n" style="width: 450px; height: 80px; padding:5px;"></textarea></td>
                    </tr>
                    <tr>
                        <td colspan="4">
                        <div class=" alg_center">
                        <a id="btnSearchNews" class="btn_n fl" href="javascript:void(0);" ><span>提交</span></a>
                        <a class="btn_n fl" href="javascript:void(0);" ><span>重置</span></a></div></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--房源跟单 弹出层 结束-->
        
        
        <a href="#" class="qjbg">请求变更</a>
        
        <!--请求变跟 弹出层 开始-->
         <div class="jqmWindow" id="qjbg">
        <div class="jqmTitle">
            <span class="title">请求变更</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh" >
                <tbody> 
                    <tr>
                        <th style="width:70px; height:28px;">房源编号：</th>
                        <td style="width:130px;">123</td>
                        <th style="width:80px;">地址：</th>
                        <td style="width:220px;">广延路140号</td>
                    </tr>
                    <tr>
                    <th style="width:70px; height:28px;">请求方式：</th>
                        <td colspan="3">
							<input name="a" type="radio" value="" />变更状态
							<input name="a" type="radio" value="" />变更所属人
							<input name="a" type="radio" value="" />变更状态及所属人
                        </td>
                    </tr>
					<tr>
						<th style="width:70px; height:28px;">状态变更：</th>
						<td><div style=" margin-right: 5px;" id="div2" class="SelectWrapSingle">
								  <h6 style="width: 90px;">请选择</h6>
								  <h5></h5></div>
						            </td>
						            <th style="width:80px;">所属人变更：</th>
						            <td><input type="text" value="请输入工号" class="inputbox_n" style="width:80px;"onfocus="if (value =='请输入工号'){value =''}" onblur="if (value ==''){value='请输入工号'}"//>
						            <input type="button" value="查找" style="width:50px; height:25px;font-size:12px; line-height:20px;"/></td>
					</tr>
                    <tr>
                        <th style="width:70px; vertical-align:top;">
                            请求说明：</th>
                        <td colspan="3"><textarea name="txtSummary" cols="80" rows="3" class="textarea_n" style="width:420px; height:80px; padding:5px;"></textarea></td>
                    </tr>
                    <tr>
                        <td colspan="4">
                        <div class=" alg_center50">
                        <a id="A1" class="btn_n fl" href="javascript:void(0);" ><span>重置</span></a>
                        <a id="A1" class="btn_n fl" href="javascript:void(0);" ><span>提交</span></a>
						<a id="A1" class="btn_n fl" href="javascript:void(0);" ><span>执行</span></a>
						</div></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--请求变跟 弹出层 结束-->
        
        <a href="#" class="yzxx">业主信息</a>
        
        <!--业主信息 弹出层 开始-->
         <div class="jqmWindow" id="yzxx">
        <div class="jqmTitle">
            <span class="title">业主信息</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh">
                <tbody> 
                    <tr>
                        <th style="width:70px; height:25px;">
							姓名：
						</th>
						<td style="width:150px;">
							abc
						</td>
						<th style="width:70px;">
							联系方式：
						</th>
						<td style="width:220px;">
							13564310034
						</td>
                    </tr>
					<tr>
                        <th>
							联系地址：
						</th>
						<td>
							广延路140号
						</td>
						<th>
							邮编：
						</th>
						<td>
							200062
						</td>
                    </tr>
					<tr>
                        <th>
							性别：
						</th>
						<td>
							男
						</td>
						<th>
							国籍：
						</th>
						<td>
							中国
						</td>
                    </tr>
					<tr>
                        <th>
							证件类型：
						</th>
						<td>
							身份证
						</td>
						<th>
							证件号码：
						</th>
						<td>
							310107198407020930
						</td>
                    </tr>
					
					<tr>
                        <th>
							需求类别：
						</th>
						<td>
							求购
						</td>
						<th>
							状态：
						</th>
						<td>
							急迫
						</td>
                    </tr>
                    <tr>
                        <td colspan="4"><div style="float:right;">
                            <a id="A2" class="btn_n" href="javascript:void(0);" ><span>关闭</span></a></div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--业主信息 弹出层 结束-->
        
         <a href="#" class="keyadd">钥匙收据</a>
        
        <!--钥匙收据 弹出层 开始-->
         <div class="jqmWindow" id="keyadd">
        <div class="jqmTitle">
            <span class="title">钥匙收据登记</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh" >
                <tbody> 
                   <tr>
                    <th style="width:70px; height:25px;">房源地址：</th>
                    <td colspan="3">啊不错的风格</td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">钥匙数量：</th>
                    <td style="width:130px; height:25px;"><input type="text" class="inputbox_n" style="width:100px;" /></td>
                    <th style="width:70px; height:25px;">收取日期：</th>
                    <td style="width:260px; height:25px;"><input type="text" class="inputbox_n" style="width:100px;"/></td>
                  </tr>
                  <tr>
                    <td colspan="4">
                    <div class=" alg_center">
                        <a  class="btn_n fl" href="#"><span>提交</span></a>
                        <a  class="btn_n fl" href="#"><span>取消</span></a></div>
                    </td>
                  </tr>
                </tbody>
            </table>
        </div>
        <!--钥匙收据 弹出层 结束-->
        
        <a href="#" class="keyuse">钥匙使用</a>
        
        <!--钥匙使用 弹出层 开始-->
         <div class="jqmWindow" id="keyuse">
        <div class="jqmTitle">
            <span class="title">钥匙使用登记</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh" >
                <tbody> 
                   <tr>
                    <th style="width:70px; height:25px;">房源地址：</th>
                    <td colspan="3">啊不错的风格</td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">使用方式：</th>
                    <td  style="width:150px;">
                        <input type="radio" name="InOrOut" value="true" />借出
                        <input type="radio" name="InOrOut" value="false" />归还
                    </td>
                    <th style="width:70px; height:25px;">收取日期：</th>
                    <td style="width:200px;"><input type="text" class="inputbox_n" style="width:100px;"/></td>
                  </tr>
                   <tr>
                    <th style="width:70px; vertical-align:top;">备注：</th>
                    <td colspan="3">
                        <textarea name="txtRemarks" cols="80" rows="3" class="textarea_n" style="width:450px; height:80px; padding:5px;"></textarea>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="4">
                    <div class=" alg_center">
                        <a  class="btn_n fl" href="#"><span>提交</span></a>
                        <a  class="btn_n fl" href="#"><span>取消</span></a></div>
                    </td>
                  </tr>
                </tbody>
            </table>
        </div>
        <!--钥匙使用 弹出层 结束-->
        
        <a href="#" class="ProtectHouse">店长保护</a>
        
        <!--店长保护 弹出层 开始-->
         <div class="jqmWindow" id="ProtectHouse">
        <div class="jqmTitle">
            <span class="title">店长保护</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f  jqTabWh">
                <tbody> 
                   <tr>
                    <th style="width:120px; height:25px;">请输入保护电话：</th>
                    <td style="width:350px; height:25px;"><input type="text" class="inputbox_n" style="width:150px;"/></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">
                    <div class=" alg_center">
                        <a  class="btn_n fl" href="#"><span>提交</span></a>
                        <a  class="btn_n fl" href="#"><span>取消</span></a></div>
                    </td>
                  </tr>
                </tbody>
            </table>
        </div>
        <!--店长保护 弹出层 结束-->
        
        <a href="#" class="UnProtect">取消保护</a>
        
        <!--取消保护 弹出层 开始-->
         <div class="jqmWindow" id="UnProtect">
        <div class="jqmTitle">
            <span class="title">取消保护</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh">
                <tbody> 
                   <tr>
                    <td style="padding:10px 0 0 20px;">[爱家亚洲花园1栋402室]确定取消保护吗？
                        <br /><br />
                    </td>
                  </tr>
                  <tr>
                    <td >
                    <div class=" alg_center">
                        <a  class="btn_n fl" href="#"><span>确定</span></a>
                        <a  class="btn_n fl" href="#"><span>取消</span></a>
                        </div>
                    </td>
                  </tr>
                </tbody>
            </table>
        </div>
        <!--取消保护 弹出层 结束-->
        
            <a href="#" class="addentrust">新增委托</a>
        
        <!--新增委托 弹出层 开始-->
         <div class="jqmWindow" id="addentrust">
        <div class="jqmTitle">
            <span class="title">新增委托</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh">
                <tbody> 
                   <tr>
                    <th style="width:70px; height:25px;">委托性质：</th>
                    <td colspan="3">
                        <input type="radio" name="property" value="true" />一般委托
                        <input type="radio" name="property" value="false" />专任委托
                    </td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">委托门店：</th>
                    <td style="width:180px; height:25px;"><div style="z-index:897;" id="divProperty" class="SelectWrapSingle">
                      <h6 style="width:60px;">请选择</h6>
                      <h5></h5></div></td>
                    <th style="width:80px; height:25px;">委托业务员：</th>
                    <td style="width:190px; height:25px;"><div style="z-index: 897;" id="div1" class="SelectWrapSingle">
                      <h6 style="width:60px;">请选择</h6>
                      <h5></h5></div></td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">房源编号：</th>
                    <td>123-321-112</td>
                    <th style="width:80px; height:25px;">房源地址：</th>
                    <td>广延路140号</td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">委托编号：</th>
                    <td><input type="text" style="width: 120px;" value="" class="inputbox_n" id="txt" /></td>
                    <th style="width:80px; height:25px;">产权证号：</th>
                    <td><input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text1" /></td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">有效期：</th>
                    <td><input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text2" /></td>
                    <th style="width:80px; height:25px;">到</th>
                    <td><input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text3" /></td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">委托人：</th>
                    <td><input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text4" /></td>
                    <th style="width:80px; height:25px;">联系电话：</th>
                    <td><input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text5" /></td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">委托类型：</th>
                    <td>
                        <input type="radio" name="entrustype" value="10" />出租
                        <input type="radio" name="entrustype" value="20" />出售
                        <input type="radio" name="entrustype" value="30" />租售
                    </td>
                    <th style="width:80px; height:25px;">委托价格：</th>
                    <td><input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text6" /></td>
                  </tr>
                  <tr>
                    <th style="width:70px; height:25px;">备注：</th>
                    <td colspan="3"><textarea name="txtRemarks" cols="80" rows="3" class="textarea_n" style="width:420px; height: 50px; padding:5px;"></textarea></td>
                  </tr>
                  <tr>
                    <td colspan="4">
                        <div class=" alg_center">
                        <a  class="btn_n fl" href="#"><span>确定</span></a>
                        <a  class="btn_n fl" href="#"><span>取消</span></a>
                        </div>
                    </td>
                  </tr>
                </tbody>
            </table>
        </div>
        <!--新增委托 弹出层 结束-->
        
        
         <a href="#" class="allothouse">分配房源</a>
        <input type="hidden" id="allotstr" value="" />
        <!--分配房源 弹出层 开始-->
         <div class="jqmWindow" id="allothouse">
        <div class="jqmTitle">
            <span class="title">分配房源</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh">
                <tbody> 
                   <tr>
                        <th style="width:120px; height:25px;">
                            要分配房源的门店：
                        </th>
                        <td style="width:120px; height:25px;">
                            <div style="z-index: 897;" id="div3" class="SelectWrapSingle">
                              <h6 style="width:60px;">请选择</h6>
                              <h5></h5></div>
                        </td>
                        <th style="width:150px; height:25px;">
                            要分配房源的经纪人：
                        </th>
                        <td style="width:150px; height:25px;">
                            <div style="z-index:897;" id="div5" class="SelectWrapSingle">
                              <h6 style="width:60px;">请选择</h6>
                              <h5></h5></div>
                        </td>
                   </tr>
                   <tr>
                        <td colspan="4">
                            <table id="allothouse_table" class="tbl_f PublicTable2">
                                <tr class="toolbar">
                                    <th style="width:20px;"><input type="checkbox" /></th>
                                    <th style="width:70px;">建档日期</th>
                                    <th style="width:100px;">房源编号</th>
                                    <th style="width:150px;">房源地址</th>
                                    <th style="width:70px;">业务员</th>
                                    <th style="width:90px;">变更业务员</th>
                                </tr>
                            </table>
                            <div>分页</div>
                        </td>
                   </tr>
                   <tr>
                        <td colspan="2"></td>
                        <th style="width:150px; height:25px;">
                            选中房源分配给：</th>
                            <td>
                                <div style="z-index: 897;" id="div6" class="SelectWrapSingle">
                                  <h6 style="width:60px;">请选择</h6>
                                  <h5></h5></div>
                            
                        </td>
                   </tr>
                   <tr>
                        
                        <td colspan="4">
                            <div class=" alg_center">
                                <a  class="btn_n fl" href="#"><span>提交</span></a>
                                <a  class="btn_n fl" href="#"><span>取消</span></a>
                            </div>
                        </td>
                   </tr>
                </tbody>
            </table>
        </div>
        <!--分配房源 弹出层 结束-->
        
        
         <a href="#" class="jsbj">角色编辑</a>
        
        <!--角色编辑 弹出层 开始-->
         <div class="jqmWindow" id="jsbj">
        <div class="jqmTitle">
            <span class="title">角色编辑</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh">
                <tbody> 
                   <tr>
                    <th style=" width:70px;" >
                       角色名称：
                    </th>
                    <td style="width:350px;">
                        <input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text7" />
                    </td>
                  </tr>
                  
                  <tr>
                    <th style=" width:70px;" >
                       选择城市：
                    </th>
                    <td>
                        <div style="z-index: 897; margin-right: 5px;" id="div7" class="SelectWrapSingle">
                                  <h6 style="width:60px;">请选择</h6>
                                  <h5></h5></div>
                    </td>
                  </tr>
                  
                  <tr>
                    <td colspan="2">
                    <div class=" alg_center">
                        <a  class="btn_n fl" href="#"><span>确定</span></a>
                        <a  class="btn_n fl" href="#"><span>取消</span></a>
                        </div>
                    </td>
                  </tr>
                </tbody>
            </table>
        </div>
        <!--角色编辑 弹出层 结束-->
        
        
        <a href="#" class="qxbj">权限编辑</a>
        
        <!--权限编辑 弹出层 开始-->
         <div class="jqmWindow" id="qxbj">
        <div class="jqmTitle">
            <span class="title">权限编辑</span><span class="jqmClose"></span></div>
        
           <table class="tbl_f jqTabWh">
                <tbody> 
                   <tr>
                    <th style="width:70px;" >
                       权限编号：
                    </th>
                    <td style="width:420px;">
                        <input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text8" />
                    </td>
                  </tr>
                  <tr>
                    <th style=" width:70px;" >
                       权限名称：
                    </th>
                    <td  style=" width:420px;" >
                        <input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text9" />
                    </td>
                  </tr>
                  
                  <tr>
                    <th style=" width:70px;" >
                       权限分类：
                    </th>
                    <td style=" width:420px;" >
                        <div style="z-index:897;" id="div9" class="SelectWrapSingle">
                                  <h6 style="width: 90px;">请选择</h6>
                                  <h5></h5></div>
                    </td>
                  </tr>
                  
                  <tr>
                    <td colspan="2">
                    <div style="float:right;">
                        <a  class="btn_n fl" href="#"><span>确定</span></a>
                        <a  class="btn_n fl" href="#"><span>删除</span></a>
                        <a  class="btn_n fl" href="#"><span>取消</span></a>
                        </div>
                    </td>
                  </tr>
                </tbody>
            </table>
        </div>
        <!--权限编辑 弹出层 结束-->
        
        
        <a href="#" class="houseallot">房源分配</a>
       <input type="hidden" id="Hidden1" value="" />
 
        
        <!--房源分配 弹出层 开始-->
         <div class="jqmWindow" id="houseallot">
        <div class="jqmTitle">
            <span class="title">房源分配</span><span class="jqmClose"></span></div>
            <div class="padding5">
            分配方式：      <input type="radio" name="allottype" value="auto" checked="checked" onclick="divshow()" />自动分配                      
                            <input type="radio" name="allottype" value="hand" onclick="divshow()"  />手动分配
                            </div>
            
            <div id="handdiv" style="display:none;">
           <table class="tbl_f jqTabWh">
                <tbody> 
                   <tr>
                        <td style="width:170px;">请选择要分配的门店：</td>
                        <td style="width: 150px;">
                            <div style="z-index: 897;" id="handdep" class="SelectWrapSingle"></div>
                            <input type="hidden" id="hiddepid" value=""/>
                        </td>
                        
                        <td style="width:190px;">请选择要分配的人员：</td>
                        <td style="width:130px;">
                            <div style="z-index: 897;" id="divout" class="SelectWrapSingle"></div>
                            <input type="hidden" id="hidoutid" value="" />
                        </td>
                   </tr>
                   
                   <tr>
                        <td colspan="4">
                            建档日期：
                            <input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text10" /> - 
                            <input type="text" style="width: 120px;" value="" class="inputbox_n" id="Text11" />
                            <input name="" type="button" value="" class="btn_s_0" />
                        </td>
                   </tr>
                   <tr>
                        <td colspan="4"> 
                            <table id="allottable" class="tbl_f PublicTable2">
                                <tr class="toolbar">
                                    <th style="width: 20px;">
                                        <input type="checkbox" id="allcheck" onclick="allchoose();" />
                                    </th>
                                    <th style="width:70px;">
                                        建档日期
                                    </th>
                                    <th  style="width:130px;">
                                        房源编号
                                    </th>
                                    <th  style="width:200px;">
                                        房源地址
                                    </th>
                                    <th  style="width:70px;">
                                        业务员
                                    </th>
                                    <th  style="width:130px;">
                                        门店
                                    </th>
                                </tr>  
                                <tr class="graybg">
                                </tr>                             
                            </table>
                            <div id="pagination_allot" class="pagination"></div>
                        </td>
                   </tr>
                   <tr>
                        <td>                            
                            请选择接受房源门店：    
                       </td>
                        <td >
                            <div style="float: left;z-index: 897; margin-right: 5px;" id="handdep1" class="SelectWrapSingle"></div>
                            <input type="hidden" id="hiddepid1" value="" />
                        </td>
                        <td style="width:190px;">
                            将选中的房源批量分配给：
                        </td>
                        <td style="width:130px;">
                            <div style="float:left;z-index: 897; margin-right: 5px;" id="divin" class="SelectWrapSingle"></div>
                            <input type="hidden" id="hidinid" value="" />
                        </td>
                   </tr>
                </tbody>
            </table>            
            </div>
       
            <div id="autodiv">
                <table class="tbl_f jqTabWh" >
                    <tbody> 
                        <tr>
                           <td style="width:170px;">请选择要分配的门店：</td> 
                           <td style="width:150px;">
                                <div style="z-index: 897;" id="auto_dep" class="SelectWrapSingle"></div>
                                <input type="hidden" id="auto_hiddep" value=""/>
                           </td>
                           <td style="width:190px;">
                                请选择要分配的人员：
                           </td>
                           <td style="width:130px;">
                                <div style="z-index: 897;" id="auto_user" class="SelectWrapSingle"></div>
                                <input type="hidden" id="auto_hiduserid" value=""/>
                           </td>
                        </tr>
                        <tr>
                            <td colspan="4" height="40">
                                <input type="radio" name="auto_type" value="toUser" checked="checked" />全部分配给人
                                <input type="radio" name="auto_type" value="toDep" />全部分配给店
                                <input type="radio" name="auto_type" value="toAvg" />平均分配给店
                            </td>
                        </tr>
                        <tr>
                            <td style="width:170px;">
                                请选择接受房源门店：
                            </td>
                            <td style="width: 140px;">
                                <div style="float: left;z-index: 896; margin-right: 5px;" id="auto_dep1" class="SelectWrapSingle"></div>
                                <input type="hidden" id="auto_hiddep1" value=""/>
                            </td>
                            <td style="width:190px;">
                                将选中的房源批量分配给：
                        </td>
                        <td>
                            <div style="z-index: 896;" id="auto_user1" class="SelectWrapSingle"></div>
                            <input type="hidden" id="auto_hiduser1" value="" />
                        </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div style="float:right;">
                <a  class="btn_n fl" href="javascript:allotsubmit();" ><span>提交</span></a>
                <a  class="btn_n fl" href="javascript:allotclose();"><span>关闭</span></a>
            </div>
        </div>
        <!--房源分配 弹出层 结束-->
    </div>
    
    </form>
</body>
</html>

